GitHub-inspired
dark-themed
coding
developer-friendly
nightime coding
structured
minimalist
high contrast
dark mode
light mode
blue tones
monochromatic
modern UI
accessible
immersive
visual hierarchy
focused
clean design
calm
professional
Shadcn/ui Theme Css Variables
name: Nocturnal Codekeyword: github dark blue views: 18
:root { --background: 210 10% 95%; --foreground: 210 20% 10%; --card: 210 15% 90%; --card-foreground: 210 20% 10%; --popover: 210 15% 90%; --popover-foreground: 210 20% 10%; --primary: 210 60% 40%; --primary-foreground: 210 10% 95%; --secondary: 210 30% 80%; --secondary-foreground: 210 20% 10%; --muted: 210 10% 85%; --muted-foreground: 210 20% 30%; --accent: 210 40% 60%; --accent-foreground: 210 10% 95%; --destructive: 0 70% 50%; --destructive-foreground: 210 10% 95%; --border: 210 20% 70%; --input: 210 20% 70%; --ring: 210 40% 60%; --radius: 0.75rem; --chart-1: 210 60% 40%; --chart-2: 210 40% 60%; --chart-3: 210 30% 70%; --chart-4: 210 20% 80%; --chart-5: 210 10% 90%; } .dark { --background: 210 20% 10%; --foreground: 210 10% 95%; --card: 210 15% 15%; --card-foreground: 210 10% 95%; --popover: 210 15% 15%; --popover-foreground: 210 10% 95%; --primary: 210 60% 40%; --primary-foreground: 210 10% 95%; --secondary: 210 30% 20%; --secondary-foreground: 210 10% 95%; --muted: 210 10% 25%; --muted-foreground: 210 10% 70%; --accent: 210 40% 60%; --accent-foreground: 210 10% 95%; --destructive: 0 70% 50%; --destructive-foreground: 210 10% 95%; --border: 210 20% 30%; --input: 210 20% 30%; --ring: 210 40% 60%; --radius: 0.75rem; --chart-1: 210 60% 40%; --chart-2: 210 40% 60%; --chart-3: 210 30% 50%; --chart-4: 210 20% 40%; --chart-5: 210 10% 30%; }